/**
* 功能描述：年份选择器
* @author jin xiaohang
*
* @date 2022/9/28 20:46
* @version 1.0
*/
<template>
    <div class="yw-year-picker">
        <div class="yw-year-picker-panel">
            <div class="yw-year-picker-panel-header">
                <a class="yw-year-picker-panel-prev-year-btn"></a>
                <a class="yw-year-picker-panel-year-select">
                    <span class="yw-year-picker-panel-title">2020-2029</span>
                </a>
                <a class="yw-year-picker-panel-next-year-btn"></a>
            </div>
            <div class="yw-year-picker-panel-body">
                <table class="yw-year-picker-panel-table">
                    <tbody class="yw-year-picker-panel-tbody">
                    <tr>
                        <td class="yw-year-picker-panel-cell">
                            <a class="yw-year-picker-panel-data yw-year-picker-panel-not-include-data">2019</a>
                        </td>
                        <td class="yw-year-picker-panel-cell">
                            <a class="yw-year-picker-panel-data">2020</a>
                        </td>
                        <td class="yw-year-picker-panel-cell">
                            <a class="yw-year-picker-panel-data">2021</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="yw-year-picker-panel-cell">
                            <a class="yw-year-picker-panel-data">2022</a>
                        </td>
                        <td class="yw-year-picker-panel-cell">
                            <a class="yw-year-picker-panel-data">2023</a>
                        </td>
                        <td class="yw-year-picker-panel-cell">
                            <a class="yw-year-picker-panel-data">2024</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="yw-year-picker-panel-cell">
                            <a class="yw-year-picker-panel-data">2025</a>
                        </td>
                        <td class="yw-year-picker-panel-cell">
                            <a class="yw-year-picker-panel-data">2026</a>
                        </td>
                        <td class="yw-year-picker-panel-cell">
                            <a class="yw-year-picker-panel-data yw-year-picker-selected-data">2027</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="yw-year-picker-panel-cell">
                            <a class="yw-year-picker-panel-data">2028</a>
                        </td>
                        <td class="yw-year-picker-panel-cell">
                            <a class="yw-year-picker-panel-data">2029</a>
                        </td>
                        <td class="yw-year-picker-panel-cell">
                            <a class="yw-year-picker-panel-data yw-year-picker-panel-not-include-data">2030</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "YwYearPicker"
}
</script>

<style scoped>

</style>